<template>
	<div class="statistics">
		<div class="img"><slot name="img"></slot></div>
		<div class="text">
			<slot name="header"></slot>
			<div class="Estatistics">
				<em>
					<slot name="subhead"></slot>
				</em>
			</div>
		</div>
	</div>
</template>

<script></script>
<style scoped>
	.statistics {
		height: 0.625rem;
		margin-left: 0.3125rem;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		justify-content: center;
		.img {
			height: 70%;
			img {
				height: 70%;
				display: inline-block;
				margin-right: 0.1563rem;
			}
		}
		.text {
			width: 80%;
			font-size: 0.3rem;
			line-height: 0.4375rem;
			display: flex;
			justify-content: space-between;
			margin-right: 0.1563rem;
			border-bottom: 1px solid #fff;
		}
		.Estatistics {
			height: 100%;
			em {
				font-size: 0.175rem;
			}
		}
	}
</style>
